<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">
    <title>vue-project</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <!-- 样式 -->
  <style>
 html{
    font-size:100px;
   }
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    font-size:0.12rem;
    font-family: "Hiragino Sans GB",sans-serif;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    /* 解决 */
    touch-action: auto; 
    outline: none;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 0px;  
    height: 0px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #555;  
}  
html,body{
    min-height: 100%;
    width: 100%;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}
.clear{
    zoom:1;
}
.flex{
    display: flex;
}
.left{
    float: left;
}

.right{
    float: right;
}

.hide{
    display: none;
}
.hidden{
    visibility:hidden;
}
.show{
    display: block;
}

/* 用户头像 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_ec3edx8v337syvi.eot');
  src: url('//at.alicdn.com/t/font_271013_ec3edx8v337syvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_ec3edx8v337syvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_ec3edx8v337syvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_ec3edx8v337syvi.svg#iconfont') format('svg');
}
/* 性别 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_dro91vuxhp808uxr.eot');
  src: url('//at.alicdn.com/t/font_271013_dro91vuxhp808uxr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_dro91vuxhp808uxr.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_dro91vuxhp808uxr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_dro91vuxhp808uxr.svg#iconfont') format('svg');
}
/* 公司 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_7ev4cpd3xx1ug14i.eot');
  src: url('//at.alicdn.com/t/font_271013_7ev4cpd3xx1ug14i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_7ev4cpd3xx1ug14i.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_7ev4cpd3xx1ug14i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_7ev4cpd3xx1ug14i.svg#iconfont') format('svg');
}
/* 职位 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_1ejk6o7aplm1jor.eot');
  src: url('//at.alicdn.com/t/font_271013_1ejk6o7aplm1jor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_1ejk6o7aplm1jor.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_1ejk6o7aplm1jor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_1ejk6o7aplm1jor.svg#iconfont') format('svg');
}
/* 手机 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_yu623ymgksbjfw29.eot');
  src: url('//at.alicdn.com/t/font_271013_yu623ymgksbjfw29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_yu623ymgksbjfw29.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_yu623ymgksbjfw29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_yu623ymgksbjfw29.svg#iconfont') format('svg');
}
/* 邮箱 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_p15qynb688qzd7vi.eot');
  src: url('//at.alicdn.com/t/font_271013_p15qynb688qzd7vi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_p15qynb688qzd7vi.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_p15qynb688qzd7vi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_p15qynb688qzd7vi.svg#iconfont') format('svg');
}
/* 对号 */
@font-face {
  font-family: 'iconfont';  /* project id 271013 */
  src: url('//at.alicdn.com/t/font_271013_uae5xml2chaor.eot');
  src: url('//at.alicdn.com/t/font_271013_uae5xml2chaor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_271013_uae5xml2chaor.woff') format('woff'),
  url('//at.alicdn.com/t/font_271013_uae5xml2chaor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_271013_uae5xml2chaor.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
  </style>
</html>

<!-- <i class="iconfont">&#xe60f;</i>&nbsp;&nbsp;
姓名<mu-text-field  id="name" class="demo-divider-form" :underlineShow="false" />
<mu-divider/> -->
<!-- <i class="iconfont">&#xe612;</i>&nbsp;&nbsp;
性别<mu-text-field  id="sex" class="demo-divider-form" :underlineShow="false" />
<mu-radio label="单选 1" name="group" nativeValue="simple1" v-model="value" class="demo-radio"/> <br/>
<mu-radio label="单选 2" name="group" nativeValue="simple2" v-model="value"  class="demo-radio"/> <br/>
<mu-divider/> -->
<!-- <i class="iconfont">&#xe66d;</i>&nbsp;&nbsp;
公司<mu-text-field  id="company" class="demo-divider-form" :underlineShow="false" />
<mu-divider/> -->
<!-- <i class="iconfont">&#xe6be;</i>&nbsp;&nbsp;
职位<mu-text-field  id="post" class="demo-divider-form" :underlineShow="false" />
<mu-divider/> -->
<!-- <i class="iconfont iconfont-tel">&#xe613;</i>&nbsp;&nbsp;
手机号<mu-text-field  id="telphone" class="demo-divider-form" :underlineShow="false" />
<mu-divider/> -->
